<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>珠峰培训</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

<!-- 
  当前项目SPA单页面应用情况下唯一的入口页面（后期所有编写的模块，都会放到index.html的#root中）
    1.默认情况下，我们会把所有需要开发引入的资源（样式|图片...）和编写的模块等都放在SRC目录中（webpack本身就是打包SRC目录，根据入口index.js的依赖项打包）

    2.但是有些东西我们还是需要写在index.html中的
      =>页面导入最后打包的css/js，由于打包后的文件比较大，第一次请求页面需要一点时间，这个时间段内，我们看到的就是白屏效果
        1）为了解决白屏效果，我们会在index.html中设置loading效果（这些内容是一加载页面就展示出来的） =>这个有对应的插件
        2）给资源做304缓存
        ....
      =>有一些模块不支持CommonJS/ES6Module这种模块的导入导出规范，此时需要我们把这些模块在index.html中单独script导入进来
      =>还可以把一些公共资源直接在这里导入（这样webpack打包的时候就不会把内容都打包在一起了）
      =>......
 -->